<template>
    <div>
      <el-tabs v-model="activeName" @tab-click="tabsClick">
        <el-tab-pane label="房产信息" name="first">
          <firstTable/>
        </el-tab-pane>
        <el-tab-pane label="楼宇信息" name="second">
          <secondTable/>
        </el-tab-pane>
        <el-tab-pane label="单元信息" name="third">单元信息</el-tab-pane>
        <el-tab-pane label="房间信息" name="fourth">房间信息</el-tab-pane>
      </el-tabs>
    </div>
</template>

<script>
import firstTable from './tabs_first'
import secondTable from './tabs_second'
export default{
  components:{
    firstTable,
    secondTable
  },
  data(){
    return {
      activeName: 'first'    
    }
  },
  methods: {
    tabsClick(tab, event){
      console.log(tab, event);
    }
  }
}
</script>
